<!--  -->
<template>
  <div class="table-parent">
    <div class="table-parent-container">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import sha1 from 'js-sha1'
export default {
  watch: {
  },
  mounted () {
    // let [fpdm, fphm, kprq, je, jym] = ['033001700107', '11351965', '20180704', '300.00' ,'931782']
    // this.$api.get(this.$apiPath.baseURL, this.$apiPath.url, {
    //         action_type: 'GetBillState',
    //         action_data: '',
    //         fpdm, fphm, kprq, je, jym,
    //         appkey: '55f5e380b14df59792bdeb7dcaf268b6'
    //       }).then(res2 => {
    //         if (res2 && res2.status === 200 && res2.data.BillInfo) {
    //           if (res2.data.BillInfo.length > 0) {
    //             alert(JSON.stringify(res2.data.BillInfo))
    //           } else {
    //             alert('对不起查不到该类发票')
    //           }
    //         }
    //       })
    document.querySelector('.table-parent').addEventListener('click', (e) => {
      if (e.target === document.querySelector('.v-modal')) {
        this.$store.commit('mutateChangeZIndex',{overHidden: false, zIndex: 10})
      }
    }, false)
  }
}
</script>
<style lang="stylus">
$rem = 2.5
body
  position static
input::-webkit-input-placeholder
  color #b3afaf
input::-moz-placeholder /* Mozilla Firefox 19+ */
  color #b3afaf
input:-moz-placeholder /* Mozilla Firefox 4 to 18 */
  color #b3afaf
input:-ms-input-placeholder /* Internet Explorer 10-11 */
  color #b3afaf
textarea::-webkit-input-placeholder
  color #b3afaf
textarea::-moz-placeholder /* Mozilla Firefox 19+ */
  color #b3afaf
textarea:-moz-placeholder /* Mozilla Firefox 4 to 18 */
  color #b3afaf
textarea:-ms-input-placeholder /* Internet Explorer 10-11 */
  color #b3afaf
.table-parent
  position absolute
  top 0
  left 0
  width 100%
  height 100%
  .table-parent-container
    width 100%
    height 100%
    position fixed
    // overflow-y auto
    -webkit-overflow-scrolling touch
    &.over-hidden
      overflow hidden
    .arrow-date
      display flex
      flex-flow row nowrap
  .main
    font-size 0
    background-image url(../../../static/img/banner-03.png)
    background-repeat no-repeat
    background-position top center
    background-size 100%
    height 100%
    .table-name
      position absolute
      top 0
      left 0
      width 100%
      height 1.72rem * $rem
      display flex
      justify-content center
      align-items center
      .table-name-content
        background-image url(../../assets/img/icon-01.png)
        background-repeat no-repeat
        background-position left center
        background-size auto 100%
        padding-left 0.6rem * $rem
        .table-name-text
          padding 0.08rem * $rem 0
          font-size 0.36rem * $rem
          font-weight bold
          color #ffffff
          border-top 0.02rem * $rem solid #ffffff
          border-bottom 0.02rem * $rem solid #ffffff
    .finish-tick
      position absolute
      top 0.01rem * $rem
      left 0
      right 0
      margin 0 auto
      width 0.32rem * $rem
      height 0.32rem * $rem
      z-index 1
      line-height 0.32rem * $rem
      font-size 0.48rem * $rem
      color #ff6060
      display none
    &.finished-chose1
      .swiper-container
        .swiper-pagination-bullet:nth-child(1)
          .finish-tick
            display block
    &.finished-chose2
      .swiper-container
        .swiper-pagination-bullet:nth-child(2)
          .finish-tick
            display block
    &.finished-chose3
      .swiper-container
        .swiper-pagination-bullet:nth-child(3)
          .finish-tick
            display block
    .swiper-container
      position absolute
      width 100%
      height 100%
      .swiper-pagination
        top 0
        bottom auto
        width 100%
        padding 0 0.24rem * $rem
        display flex
        flex-flow row nowrap
        justify-content space-between
        align-items center
        .swiper-pagination-bullet
          position relative
          outline none
          .step-text
            position absolute
            top 0.2rem * $rem
            left 0
            width 100%
            font-size 0.26rem * $rem
            color #5094f3
            text-align center
            font-weight bold
            display none
            white-space nowrap
          &.swiper-pagination-bullet-active
            .step-text
              display block
    .title
      padding 0.2rem * $rem 0
      background-color #ffffff
      text-align center
      font-size 0.28rem * $rem
      border-bottom 0.02rem solid #dddddd
    .form-container
      // margin-top 0.2rem * $rem
      width 100%
      height 100%
      padding-bottom 0.8rem * $rem
      overflow-y auto
      -webkit-overflow-scrolling touch
      &.over-hidden
        overflow hidden
      .form-card
        width 7.02rem * $rem
        margin 1.72rem * $rem auto 0.1rem * $rem
        background-color #ffffff
        border-radius 0.1rem * $rem
        box-shadow 0 0.05rem 0.3rem 0.01rem rgba(150,150,150,0.68)
        .form-list
          margin-top 0
        &.form-card-top
          margin-top 0.22rem * $rem
        .step-content
          width 100%
          height 1.15rem * $rem
          border-radius 0.25rem 0.25rem 0 0 / 0.25rem 0.25rem 0 0
          background-image url(../../assets/img/bg-01.png)
          background-position center
          background-repeat no-repeat
          display flex
          justify-content center
          align-items center
          font-size 0.32rem * $rem
          color #ffffff
          font-weight 400
      .form-card2
        width 7.02rem * $rem
        margin 1.72rem * $rem auto 0.1rem * $rem
    .btn-container
      .btn
        display block
        width 90%
        height 0.8rem * $rem
        line-height 0.8rem * $rem
        border-radius 2px
        background-color #5094f3
        text-align center
        color #ffffff
        margin 0.4rem * $rem auto
        font-size 0.28rem * $rem
        outline none
        border none
        &:active
          opacity 0.8
    .btn-container-column
      display flex
      flex-flow row nowrap
      justify-content flex-start
      align-items center
      user-select none
      .btn
        flex 1
        margin 0.4rem * $rem auto
        height 0.8rem * $rem
        line-height 0.8rem * $rem
        text-align center
        background-color #5094f3
        border none
        border-right 1px solid #ffffff
        color #ffffff
        outline none
        transition opacity 0.1s ease-in-out
        &:active
          opacity 0.7
        &:last-child
          border none
  .time-box
    .picker-item
      font-size 0.36rem * $rem
  .chose-popup
    position fixed
    width 100%
    height 100%
    top 0
    left 0
    display flex
    flex-flow row nowrap
    justify-content center
    align-items flex-start
    z-index 100
.mint-indicator
  .mint-indicator-wrapper
    z-index 10000
  .mint-indicator-mask
    z-index 9999
.slide-enter-active
  transition all 0.3s ease-in-out
.slide-leave-active
  transition all 0.5s cubic-bezier(1, 0.5, 0.8, 1)
.slide-enter
  transform translateX(-100%)
  opacity 0
.slide-leave-to
  transform translateX(100%)
  opacity 0.5
.scale-enter-active
  animation bounce-in 0.3s
.scale-leave-active
  animation bounce-in 0.3s reverse
@keyframes bounce-in
  0%
    transform scale(0)
  50%
    transform scale(1.5)
  100%
    transform scale(1)
.transtion-project
  transition all 0.3s
  width 100%
  height 5.66rem * $rem
  // height auto
// .my-toggle-enter-active
//   transition all 0.8s ease-in-out
.form-container
  .project-content
    &.my-toggle-leave-active
      overflow hidden
      // position absolute !important
    &.my-toggle-enter
      height 0
      opacity 0
    &.my-toggle-leave-to
      height 0
      opacity 0


// 行政申报样式
.administrativeAssets-container
  .swiper-pagination
    .swiper-pagination-bullet
      width calc(100% / 3)
      box-sizing border-box
      padding-left 0.12rem * $rem
      height 0.09rem * $rem
      margin 0
      background-color transparent
      font-size 0
      opacity 1
      &:first-child
        margin-left -0.12rem * $rem
      .bar-pagination
        display inline-block
        width 100%
        height 100%
        background-color #e0e0e0
  &.administrativeAssets-active1
    .swiper-pagination
      .swiper-pagination-bullet:nth-child(1)
        .bar-pagination
          background-color #feb600
  &.administrativeAssets-active2
    .swiper-pagination
      .swiper-pagination-bullet:nth-child(2)
        .bar-pagination
          background-color #feb600
  &.administrativeAssets-active3
    .swiper-pagination
      .swiper-pagination-bullet:nth-child(3)
        .bar-pagination
          background-color #feb600

.banner-show
  position absolute
  bottom 0
  left 0
  width 100%
  font-size 0
  img
    width 100%
.pagination-container
  position absolute
  left 0
  bottom 0.32rem * $rem
  width 100%
  padding 0 0.24rem * $rem
  display flex
  flex-flow row wrap
  justify-content center
  align-items center
  .pagination-dot
    position relative
    display flex
    flex-flow row nowrap
    align-items center
    .pagination-num
      width 0.4rem * $rem
      height 0.4rem * $rem
      display flex
      justify-content center
      align-items center
      border-radius 50%
      background-color #cccccc
      color #ffffff
      font-size 0.28rem * $rem
      &.pagination-num-active
        background-color #eb9660
    .pagination-progress
      width 0.85rem * $rem
      height 0.02rem * $rem
      margin 0 0.05rem * $rem
      background-color #cccccc
      &.pagination-progress-active
        background-color #eb9660
    .pagination-finished
      position absolute
      width 0.29rem * $rem
      height 0.25rem * $rem
      top 0.22rem * $rem
      left 0.22rem * $rem
      font-size 0
      img
        max-width 100%
.first-input-box
  // position relative
  padding  0.5rem * $rem  0.18rem * $rem 0.5rem * $rem 0.22rem * $rem
  display flex
  justify-content flex-start
  align-items center
  width 100%
  box-sizing border-box
  border-bottom: 1px solid #ddd
  // &:after
  //   content ""
  //   position absolute
  //   bottom 0
  //   left 0
  //   right 0
  //   margin 0 auto
  //   width calc(100% - 1rem)
  //   height 0.02rem * $rem
  //   background-color #dddddd
  &.border-width100:after
    width 100%
  &.border-active
    border-bottom: 1px solid #ff0000
  .c-input
    width auto
    height 0.6rem * $rem 
    font-size 0.27rem * $rem
    line-height 0.6rem * $rem
    background-color transparent
    border none
    outline none
    color #333
    flex 1 1 auto
    text-align right
    padding-left 0
  .c-name
    position relative
    font-size 0.3rem * $rem
    color #1a1e24
    font-weight bold
    padding-right 0.1rem * $rem
    .must-entry
      position absolute
      top 0
      left -0.14rem * $rem
      font-size 0.3rem * $rem
      color #ff6b6b
      font-style normal
      line-height normal
</style>
